<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>秉甲科技</title>
    <script src='./js/jquery-3.2.1.min.js'></script>
    <link rel="stylesheet" href="./css/default.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./assets/font/iconfont.css">
</head>
<body>
    <!-- 头部页面，用js引入 -->
    <div class='header'>
        <header class='s-header'>
            <div class='s-header-logo'>
                <a href="../index.html">
                    <img src="./assets/image/topLogo.png" onerror="error(this,'../assets/image/topLogo.png')" alt="logo" width="100%">
                </a>
            </div>
            <div class='s-header-search'>
                <div class='s-search'>
                    <input type="text" placeholder="请输入关键词" class='s-search-input s-search-input-bd'>
                    <button class='s-search-button s-search-button-bg iconfont icon-suosou pointer'>
                    </button>
                </div>
            </div>
            <div class='s-header-user'>
                <!-- 已登录 -->
                <div class='s-logined' >
                    <p class='s-search-font-color s-logined-menu pointer'>
                        <span class='iconfont icon-yonghu'></span><span class='s-logined-user'>admin</span>
                        <div class='s-logined-menu-item pointer'>
                            <span class='top-jiao'></span>
                            <p><a href='../template/setting.html'>个人设置</a></p>
                            <p><a href='../template/login.html'>退出</a></p>
                        </div>
                    </p>
                </div>
                <!-- 未登录 -->
                <div class='notLogin' style='display:none;'>
                    <span class='login pointer'><a href='login.html'></a>登录</span>
                    <span class='sigin pointer'>注册</span>
                </div>
            </div>
        </header>
        <script>
            function error(e,url){
                e.src=url;
            }
            ;(function(){
                var login=true;//控制是否登录
                if(login){
                    $('.s-logined').show();
                    $('.notLogin').hide();
                }else{
                    $('.s-logined').hide();
                    $('.notLogin').show();
                }
                var show=false;
                $('.s-logined-menu').on('click',function(){
                    show=!show;
                    if(show){
                        $('.s-logined-menu-item').show();
                    }else{
                        $('.s-logined-menu-item').hide();
                    }
                })
            })()
        </script>
    </div>
    <!-- 主体部分 -->
    <div class='center'>
        <!-- 全部课程，首页等按钮 -->
        <div class='center-tabs'>
            <div class='center-tabs-item'>
                <div class='all-courses pointer'>
                    <span class='iconfont icon-caidan s-search-font-color zIndex10'> <a href='template/courses-list.html'>全部课程</a></span>
                    <div class='courses-menu'>
                        <div class='courses-menu-item'>
                            <!-- 二级列表 -->
                            <p class='courses-title'>安全运维</p>
                            <p class='courses-items'>
                                <span><a href='http://www.baidu.com'>Linux运维平台工具</a></span>
                                <span><a href='http://www.baidu.com'>运维安全</a></span>
                                <span><a href='http://www.baidu.com'>安全管理</a></span>
                                <span><a href='http://www.baidu.com'>测试文字</a></span>
                                <span><a href='http://www.baidu.com'>测试文字234</a></span>
                            </p>
                            <div class='courses-num1 courses-detail'>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>Linux运维管理工具</p>
                                    <p class='detail-item'>
                                        <span><a href='http://www.baidu.com'>Linux运维管理工具</a></span>
                                        <span><a href='http://www.baidu.com'>日志</a></span>
                                        <span><a href='http://www.baidu.com'>运维安全</a></span>
                                        <span><a href='http://www.baidu.com'>平台工具</a></span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>日志</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>运维安全</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>平台工具</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class='courses-menu-item'>
                            <p class='courses-title'>WEB安全</p>
                            <p class='courses-items'>
                                <span><a href='http://www.baidu.com'>Linux运维平台工具</a></span>
                                <span><a href='http://www.baidu.com'>运维安全</a></span>
                                <span><a href='http://www.baidu.com'>安全管理</a></span>
                                <span><a href='http://www.baidu.com'>测试文字</a></span>
                                <span><a href='http://www.baidu.com'>测试文字234</a></span>
                            </p>
                            <div class='courses-num2 courses-detail'>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>Linux运维管理工具2</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>日志2</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>运维安全2</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>平台工具2</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class='courses-menu-item'>
                            <p class='courses-title'>渗透测试</p>
                            <p class='courses-items'>
                                <span><a href='http://www.baidu.com'>Linux运维平台工具</a></span>
                                <span><a href='http://www.baidu.com'>运维安全</a></span>
                                <span><a href='http://www.baidu.com'>安全管理</a></span>
                                <span><a href='http://www.baidu.com'>测试文字</a></span>
                                <span><a href='http://www.baidu.com'>测试文字234</a></span>
                            </p>
                            <div class='courses-num3 courses-detail'>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>Linux运维管理工具3</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>日志3</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>运维安全3</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>平台工具3</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class='courses-menu-item'>
                            <p class='courses-title'>软件逆向</p>
                            <p class='courses-items'>
                                <span><a href='http://www.baidu.com'>Linux运维平台工具</a></span>
                                <span><a href='http://www.baidu.com'>运维安全</a></span>
                                <span><a href='http://www.baidu.com'>安全管理</a></span>
                                <span><a href='http://www.baidu.com'>测试文字</a></span>
                                <span><a href='http://www.baidu.com'>测试文字234</a></span>
                            </p>
                            <div class='courses-4 courses-detail'>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>Linux运维管理工具4</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>日志4</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>运维安全4</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                                <div class='courses-detail-item'>
                                    <p class='detail-title'>平台工具4</p>
                                    <p class='detail-item'>
                                        <span>Linux运维管理工具</span>
                                        <span>日志</span>
                                        <span>运维安全</span>
                                        <span>平台工具</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='courses-tabs'>
                    <ul class='clearFiex color-999'>
                        <li><a href='index.html'>首页</a></li>
                        <li><a href='template/courses-list.html'>全部课程</a></li>
                        <li><a href='template/about-us.html'>关于我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- banner -->
        <div class='banner'>
            <img src="./assets/image/banner.png" alt="banner" width="100%">
        </div>
        <!-- 课程进度等 -->
        <div class='center-prograss'>
            <div class='center-prograss-red prograss-item'>
                <a href='http://www.baidu.com'>
                    <div class='title-name'>
                        <span class='title'>安全运维</span>
                    </div>
                </a>
                <div class='prograss-bar'>
                    <img src="./assets/image/bar1.png" alt="bar" width="70%" height="80%">
                    <!-- <div class='prograss-bar-item'>
                        <div class="bar-item1 long-bar">
                            <span class='tip-text'>编程基础</span>
                            <span class='day'>Day 1</span>
                        </div>
                        <div class="bar-item2"></div>
                        <div class="bar-item3"></div>
                        <div class="bar-item4 long-bar">
                            <span class='tip-text'>常见攻击</span>
                            <span class='day'>Day 10</span>
                        </div>
                        <div class="bar-item5"></div>
                        <div class="bar-item6"></div>
                        <div class="bar-item7">
                            <span class='tip-text'>实战演练</span>
                        </div>
                        <div class="bar-item8"></div>
                        <div class="bar-item9 long-bar">
                            <span class='tip-text tip-img'>
                                <img src="./assets/image/redright.png" alt="right" width="100%">
                            </span>
                            <span class='day'>Day 30</span>
                        </div>  
                    </div> -->
                </div>
            </div>
            <div class='center-prograss-yellow prograss-item'>
                <a href='http://www.baidu.com'>
                    <div class='title-name'>
                        <span class='title'>WEB安全</span>
                    </div>
                </a>
                <div class='prograss-bar'>
                    <img src="./assets/image/bar2.png" alt="bar" width="70%" height="80%">
                    <!-- <div class='prograss-bar-item'>
                        <div class="bar-item1 long-bar">
                            <span class='tip-text'>编程基础</span>
                            <span class='day'>Day 1</span>
                        </div>
                        <div class="bar-item2"></div>
                        <div class="bar-item3"></div>
                        <div class="bar-item4 long-bar">
                            <span class='tip-text'>常见攻击</span>
                            <span class='day'>Day 10</span>
                        </div>
                        <div class="bar-item5"></div>
                        <div class="bar-item6"></div>
                        <div class="bar-item7">
                            <span class='tip-text'>实战演练</span>
                        </div>
                        <div class="bar-item8"></div>
                        <div class="bar-item9 long-bar">
                            <span class='tip-text tip-img'>
                                <img src="./assets/image/yellowright.png" alt="right" width="100%">
                            </span>
                            <span class='day'>Day 30</span>
                        </div>  
                    </div> -->
                </div>
            </div>
        </div> 
    </div>
    <div class='footer'>
        <div class='foot footer-background'>
            <div class='footer-main'>
                <div class='footer-left'>
                    <!-- 左边logo和 关于我们 等 -->
                    <div class='footer-logo'>
                        <img src="./assets/image/foot-logo.png" onerror="error(this,'../assets/image/foot-logo.png')" alt="logo" width="100%">
                    </div>
                    <div class='footer-about footer-font-color'>
                        <p class='about-us'>
                            <span><a href='../template/about-us.html'>关于我们</a></span>
                            <b class='footer-font-background'></b>
                            <span class='conect-us pointer'>联系我们</span>
                            <b class='footer-font-background'></b>
                            <span><a href='http://www.baidu.com'>隐私声明</a></span>
                            <b class='footer-font-background'></b>
                            <span><a href='http://www.baidu.com'>法律公告</a></span>
                        </p>
                        <p class='footer-service'>
                            <span>客服电话：400888888</span>
                            <span>邮箱：bingjiakeji@bingj.com</span>
                        </p>
                    </div>
                    <div class='other-router footer-font-color'>
                        <span>友情链接：</span>
                        <span><a href='http://www.baidu.com'>各大网站链接</a></span>
                        <span><a href='http://www.baidu.com'>各大网站链接</a></span>
                        <span><a href='http://www.baidu.com'>各大网站链接</a></span>
                    </div>
                </div>
                <div class='footer-right'>
                    <!-- 右边的二维码 -->
                    <div class='footer-code'>
                        <img src="./assets/image/code.png" onerror="error(this,'../assets/image/code.png')" alt="code" width="70%">
                    </div>
                    <p class='footer-font-color us'>关注我们</p>
                </div>
            </div>
            <div class='copy-right'>
                <span class='footer-font-color'>Copyright@</span>
                <span class='company'>2017 Tedu.cn All Right Reserved</span>
            </div>
        </div>
        <script>
            function error(e,url){
                e.src=url;
            }
            $('.conect-us').click(function(){
                alert('请拨打电话：400888888')
            })
        </script>
    </div>
    <!-- 底部页面，用js引入 -->
<script src='./js/jquery-3.2.1.min.js'></script>
<!-- <script src='./js/index.js'></script> -->
<script>
    // $('.header').load('./template/public/header-search.html');//每个页面引入不同的头部文件
</script>
</body>
</html>